"use client";
import Image from "next/image";
import styles from "./contact.module.css";

const Contact = () => {
  console.log("contact page");
  return (
    <div className={styles.container}>
      <div className={styles.imgContainer}>
        <Image alt="contact" src="/contact.png" fill />
      </div>
      <div className={styles.formContainer}>
        <form action="post" className={styles.form}>
          <input type="text" placeholder="Name and Surname" />
          <input type="email" placeholder="Email Address" />
          <input type="number" placeholder="Phone Number (Optional)" />
          <textarea
            name=""
            id=""
            cols="30"
            rows="10"
            placeholder="Message"
          ></textarea>
          <button
            onClick={(e) => {
              e.preventDefault();
              console.log("send");
            }}
          >
            Send
          </button>
        </form>
      </div>
    </div>
  );
};

export default Contact;
